import { ScrollView, StyleSheet } from 'react-native';
import * as React from 'react';
import ScheduleCard from './ScheduleCard';
import { scheduleList } from '../../constants/DataList';

export default function ScheduleLiveList() {
  return (
    <ScrollView style={styles.container}>
      {scheduleList.map(it => (
        <ScheduleCard key={it.id} course={it} style={styles.scheduleCard} />
      ))}
    </ScrollView>
  );
}

const styles = StyleSheet.create({
  container: {
    padding: 12,
  },
  scheduleCard: {
    marginBottom: 12,
  },
});
